<template>
    <div class="main">
        <div class="banner">
            <img src="https://xxx.oss.com/dxdh/%E7%BB%84%20263%20%282%29.png" alt="" class="banner_img">
        </div>
        <div class="content">
            <div class="left">
                <left-navigation-bar :barItem='barItem'></left-navigation-bar>
            </div>
            <div class="right">
                <keep-alive>
                <router-view></router-view>
                </keep-alive>
            </div>
        </div>
    </div>
</template>
<script>
import leftNavigationBar from '../../components/leftNavigationBar'
export default {
    components:{
        leftNavigationBar
    },
    data(){
        return{
            barItem:[
                // {
                //     value:"国内学业",
                //     router:"/nationalstudy"
                // },
                {
                    value:"学业路径",
                    router:"/interstudy"
                },
                // {
                //     value:"报考案例",
                //     router:"/applicationcases"
                // },
                {
                    value:"学业安排",
                    router:"/academicplanning"
                },
				{
				    value:"学业达人",
				    router:"/inspirationaltalents"
				},
            ]
        }
    }
}
</script>
<style scoped>
.banner{
    width:100%;
    height: 440px;
}
.banner_img{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.content{
    width:1448px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 20px;
    position: relative;
    /* background-color: #fff; */
    min-height: 700px;
    z-index: 1;
    display: flex;
    flex-direction: row;
}
.left{
    width: 330px;
    /* min-height: 100px; */
    background-color: #fff; 
    margin-right: 20px;
}
.right{
    width: 1098px;
    /* min-height: 100px; */
    background-color: #fff; 
}
</style>